<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>插入超链接</title>
</head>
<body>
<a href="p4.html">跳转至今日的第四个页面</a>
<hr>
<a href="https://www.baidu.com" target="_self">百度一下</a>
<a href="https://www.tmooc.cn/">达内慕课网</a>
<a href="https://www.baidu.com" target="_blank"><img src="2.png" alt="2"></a>
<hr>
<!--锚点-->
<h1>西游记</h1>
<a href="#c1">跳转到第一章</a>
<a href="#c2">跳转到第二章</a>
<a href="#c3">跳转到第三章</a>
<h3 id="c1">第一章 石猴出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid architecto assumenda deserunt, eius eos
    expedita harum illum in itaque officia pariatur provident qui soluta veniam? Incidunt placeat similique
    temporibus.</p>
<p>Fugit maiores nihil possimus vel. A accusantium commodi, dolores, eligendi expedita explicabo harum iure iusto
    laborum magnam maiores molestiae officia quae quia quod quos sunt totam unde ut vel voluptate.</p>
<p>Aliquid eum fugit illo iste, laborum maiores nulla optio soluta ullam voluptatum! Atque blanditiis, distinctio
    eligendi ex exercitationem illo minima minus mollitia natus nesciunt nisi nostrum numquam quam quasi, quisquam.</p>
<p>Aliquam aliquid amet excepturi impedit magnam, minima nesciunt nihil quis quisquam quo repudiandae, soluta, totam
    velit! Aliquid aut eius laboriosam placeat quasi, recusandae velit vitae. Adipisci eaque eligendi facere
    reprehenderit?</p>
<p>Accusantium, adipisci consequatur, consequuntur delectus earum error eum id, ipsum nulla odit officia omnis provident
    quidem. Commodi, consectetur doloremque dolorum, in iste, laborum libero modi molestias necessitatibus quaerat quis
    vitae.</p>
<p>Consequuntur corporis culpa cum cumque earum eius esse exercitationem hic incidunt ipsum magnam magni neque officiis
    perferendis placeat praesentium quae qui quibusdam quidem quo recusandae reiciendis, rerum sequi tenetur,
    voluptas.</p>
<p>Aperiam architecto aspernatur cum explicabo natus nulla quas recusandae sequi sit? Ad alias, at blanditiis corporis
    debitis deleniti distinctio dolor eveniet laborum maxime odio quo reiciendis sint temporibus totam veritatis.</p>
<p>Ab corporis culpa enim exercitationem, id obcaecati provident quis sit veniam! Accusantium aspernatur consequuntur
    ducimus enim est expedita iure magni, maxime minima praesentium recusandae similique soluta tempora, velit,
    voluptatibus voluptatum?</p>
<p>Aut consectetur consequatur, deserunt distinctio dolor eos et facere necessitatibus nisi pariatur quibusdam quos
    reiciendis tenetur ullam ut voluptatem voluptates? Aliquid atque deleniti error illum inventore nihil quisquam
    veniam voluptas.</p>
<p>Amet culpa dolore eius fugiat hic iusto nemo nostrum quisquam rem rerum. Accusamus ad aperiam at consectetur eum
    exercitationem fugit impedit iste libero molestias, neque odio odit, rem vel velit!</p>
<p>Assumenda at dolor dolorem ea earum error et iure labore magnam magni maiores maxime minus molestias neque possimus,
    quae quam quos reiciendis repudiandae sint soluta tempora temporibus totam vel voluptatum?</p>
<p>Architecto asperiores at atque autem commodi culpa cum deserunt dolores dolorum earum eius expedita explicabo fugit
    libero modi molestias, nam neque officiis possimus quae, quod reprehenderit tempora tenetur vel veritatis.</p>
<p>A architecto assumenda beatae consequuntur cumque, deserunt doloribus earum enim eveniet expedita facilis illo libero
    magni maiores maxime, minus neque nihil non perferendis qui quos rem saepe sapiente totam vitae!</p>
<p>Amet ducimus inventore modi numquam quidem. Consectetur dignissimos doloribus ex impedit iste quos reiciendis. Cum
    iste iusto nulla sit! Ad architecto dignissimos, enim in inventore minima modi nihil reiciendis sapiente!</p>
<p>Blanditiis consequatur dolor excepturi porro sint? Architecto cum dolor dolores doloribus enim, et fugiat harum
    iusto, magnam maiores nam odit provident quaerat quidem quisquam sequi sunt tempore veritatis voluptas,
    voluptates.</p>
<p>Consectetur est facilis ipsam iusto nemo obcaecati odit porro quae quam quia quibusdam, quisquam quod sit sunt
    tempore. Architecto cum deserunt illo illum maxime nihil non perferendis perspiciatis quae repellendus.</p>
<p>Aliquam aliquid animi aut blanditiis dignissimos, dolor doloribus, excepturi inventore ipsum iure, laboriosam odio
    odit optio perferendis porro ratione voluptatibus. Assumenda cum cupiditate ea, excepturi illum nisi perferendis
    saepe sunt.</p>
<p>Consectetur, corporis deserunt dolor doloribus eligendi eveniet quam ut! Ab, alias aliquam distinctio dolorum et
    eveniet ex itaque iure laboriosam minima, quam quibusdam, quidem reiciendis saepe tempore veniam veritatis
    voluptates?</p>
<p>Enim exercitationem facere fugit hic in inventore ipsam iste nostrum quisquam, ut. Accusantium, amet consectetur cum
    distinctio dolore est illo, ipsam itaque natus obcaecati sapiente sunt tempora, ut vel vitae.</p>
<p>Autem consequuntur delectus dolore dolorem esse fugiat impedit iure minima modi, numquam officiis omnis optio
    pariatur repudiandae sint tempore voluptatum! Deserunt exercitationem molestiae pariatur quas quidem. Iste quaerat
    quasi sunt.</p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aliquid amet delectus dolorum ducimus explicabo
    fugit inventore iste modi molestiae nam neque nisi pariatur possimus quas, rem rerum veniam vero!</p>
<p>Aperiam atque fugit illum iste itaque ratione sequi? Illum, necessitatibus sapiente. Dolorem est incidunt quia
    similique? Culpa est expedita id ipsam iusto, magnam nisi repellendus tempora unde vel. Quo, recusandae!</p>
<p>Aperiam aspernatur atque commodi consectetur cum dolores id maiores minus nesciunt, nisi non optio pariatur quia
    quidem reiciendis rem repellat sint totam. Alias consectetur laudantium nobis possimus, quidem similique veniam?</p>
<p>Accusamus aliquid consequatur cum delectus error excepturi facilis hic inventore, laboriosam laborum maiores minus
    molestiae molestias neque porro quae quam quasi quis quo, repellat tempore unde vel vero voluptatem, voluptatum!</p>
<p>Aspernatur atque autem consequatur culpa cupiditate deleniti, ducimus error esse ex excepturi explicabo harum illum
    incidunt labore molestiae nam odit quo, soluta vel voluptatem! Cumque error mollitia non obcaecati voluptatem!</p>
<p>A nisi quia ratione repellendus sed ullam velit voluptates. Aliquid aspernatur consequuntur cupiditate ducimus
    facilis, illo incidunt itaque magnam nemo nisi pariatur perferendis, placeat porro quasi quibusdam vel veritatis
    voluptates.</p>
<p>Culpa, eaque, expedita minima molestias officia provident quasi quos reprehenderit similique sunt voluptas
    voluptatem? Ab asperiores consequuntur debitis deserunt impedit laudantium magnam, minus natus nulla, perferendis
    praesentium quaerat, quibusdam quo!</p>
<p>Assumenda at dolor harum, ipsam ipsum iste libero magni molestias numquam ratione. Dolorem error illo, illum impedit
    laboriosam nostrum praesentium quisquam saepe tempora tenetur! Cum doloribus dolorum pariatur sequi voluptas!</p>
<p>Atque eius fugiat fugit ipsam minus necessitatibus similique. Architecto facilis, molestias nam officiis pariatur
    quaerat quasi quidem quo sequi sint! Architecto consectetur culpa deserunt enim ex harum ratione voluptatem
    voluptatum!</p>
<p>Culpa deleniti enim est exercitationem harum ipsam iusto, laudantium molestiae nam obcaecati odio, pariatur
    praesentium quaerat quibusdam quo ratione repellendus repudiandae saepe sit ut veritatis voluptate voluptatem.
    Consectetur, ducimus, ut!</p>
<p>A ab fuga obcaecati quisquam quo reiciendis temporibus. Consequatur cum id illum inventore iste quaerat quo, sequi
    sit suscipit vitae? Ad amet commodi excepturi impedit voluptates? Dolorum enim inventore temporibus.</p>
<p>Debitis ducimus eum quod voluptatibus? Debitis, ducimus, illum. A aperiam cumque dignissimos illo in pariatur
    praesentium quisquam vel. Aliquam earum illo laborum minus necessitatibus nemo officiis quidem ratione rem
    sapiente!</p>
<p>A atque consequuntur cum, dolorem doloribus ducimus ea et eum exercitationem facere fugit hic illo in ipsam laborum
    maxime neque nesciunt praesentium provident qui repellat saepe sapiente, ut veritatis voluptates.</p>
<p>Aspernatur aut autem, consectetur cum cumque delectus dolor enim explicabo in ipsam laboriosam laudantium officia
    quod recusandae rem repudiandae voluptas! Adipisci animi, blanditiis dignissimos eveniet fuga nam veniam! Alias,
    id?</p>
<p>Amet animi asperiores atque blanditiis enim impedit inventore numquam quae quaerat unde! Aliquam at consequatur
    consequuntur culpa cupiditate, deserunt doloribus harum ipsa iure maxime molestias omnis quaerat quia, repudiandae
    saepe!</p>
<p>Ab dolores doloribus eligendi, itaque iure iusto libero magni placeat quidem tempora! Aliquid, cupiditate deserunt
    est fugit nostrum rerum sint? Culpa molestiae nulla quam ratione veritatis. Aliquam autem dolores soluta?</p>
<p>Deleniti excepturi omnis reiciendis. Ab ad, debitis exercitationem magnam natus possimus quisquam quos similique vel
    voluptatum. Accusamus aperiam dolorem eveniet iusto laboriosam nulla officia quasi, reprehenderit sequi sint tempore
    voluptatum.</p>
<p>Accusantium aliquam autem cupiditate delectus deserunt dolor eaque eveniet fugit iste itaque libero modi molestiae
    nam, omnis qui rem velit. Accusantium ad dicta eligendi inventore iusto molestias neque, suscipit tempore.</p>
<p>Ab aperiam aspernatur debitis distinctio dolores eaque facilis ipsam iste, libero magni necessitatibus non obcaecati
    optio praesentium reiciendis, rem rerum similique sint! Debitis dolor expedita iusto, magni numquam quia quo.</p>
<p>Adipisci, amet consequatur cumque deleniti dolor eius eos fugiat fugit illum ipsam magni nulla odit provident qui
    repellat similique suscipit tempora temporibus unde vitae voluptatem voluptatibus voluptatum? Doloremque, quaerat
    voluptatum!</p>
<h3 id="c3">第三章 龙宫借宝</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, distinctio dolor exercitationem fugiat
    incidunt maxime nobis nulla officia placeat, porro provident quidem quo repudiandae, sunt tempore tenetur veritatis
    vitae voluptate.</p>
<p>Accusamus ad adipisci animi aperiam consequatur cupiditate deleniti eaque eligendi excepturi explicabo magnam nemo
    neque, non nostrum, officiis quo reiciendis reprehenderit repudiandae saepe unde. Illum incidunt maxime
    necessitatibus. Doloribus, ullam.</p>
<p>Amet architecto blanditiis, debitis delectus laudantium maiores mollitia omnis perferendis repellat reprehenderit?
    Adipisci dignissimos distinctio eum ex exercitationem expedita harum ipsa molestiae nesciunt soluta velit, veniam
    vero voluptatem. Eligendi, obcaecati.</p>
<p>Animi consectetur distinctio expedita itaque natus nostrum rem. Ad consequuntur cupiditate doloremque eos eveniet
    ipsa laboriosam magnam minima repudiandae saepe tempore tenetur, ut veniam. Amet ducimus hic iste labore
    nostrum!</p>
<p>A corporis dignissimos porro quis totam? Accusamus accusantium amet animi aspernatur autem beatae blanditiis commodi
    distinctio dolores ea ipsam labore maiores nisi nulla optio qui sint tempore veritatis, voluptate voluptatem!</p>
<p>Accusamus adipisci aliquam amet animi architecto eaque esse est maxime minus molestias neque possimus quisquam quod,
    quos saepe, sint soluta! Doloremque eum fuga fugiat minima nostrum quisquam sint suscipit, tempora!</p>
<p>Accusamus animi dicta est ex exercitationem ut voluptate? Consectetur cupiditate itaque nam odio perferendis sint
    sunt! Accusamus animi architecto in, labore laboriosam, minima omnis quas reprehenderit sequi sint voluptates
    voluptatibus.</p>
<p>Aliquid, animi aspernatur commodi dicta ipsam itaque iusto maxime nostrum placeat praesentium, quis recusandae rem
    sapiente sunt voluptatum. Aperiam consequatur delectus et eum fuga maxime, voluptatem. Beatae dolore inventore
    obcaecati?</p>
<p>Ab accusamus amet autem delectus deleniti deserunt dolorem esse ex ipsam iste minima nam obcaecati, odit quaerat,
    quasi qui quidem quo repudiandae sed sunt? Ad aliquid nihil perferendis quo vel.</p>
<p>Expedita porro, sed. Aliquid cumque dolor ducimus enim est expedita facilis inventore quod tempora totam? Debitis
    deserunt dolorum harum, ipsa ipsam perspiciatis quaerat quidem, recusandae repellendus sint soluta, unde
    voluptate!</p>
<p>A ad, aliquam amet at culpa dignissimos eos in necessitatibus nobis odio quas, repellat repellendus sit temporibus
    veritatis. Hic illum minus numquam perferendis perspiciatis possimus quae repudiandae velit. Dolore, unde!</p>
<p>Est eveniet harum iusto minima quaerat quos temporibus, velit voluptatem? A aliquid amet dicta dolorum ipsa laborum
    modi odio quis velit voluptatem. Accusamus excepturi id impedit molestiae nemo obcaecati sapiente!</p>
<p>Aspernatur deserunt fuga hic, non rerum tempore. Aliquam, aliquid assumenda beatae, debitis distinctio doloremque
    expedita illo in iste nulla omnis optio provident qui quod ullam unde ut, vel veritatis. Cupiditate.</p>
<p>Dolore ducimus fugiat labore laudantium nisi, odit porro qui ullam! Ad at consequuntur eligendi excepturi ipsa ipsam
    ipsum iure labore laudantium omnis perspiciatis possimus quae ratione, repudiandae soluta tempora voluptates.</p>
<p>Adipisci aliquam aut, blanditiis corporis culpa, cupiditate deserunt enim error eum eveniet ipsam labore modi natus
    nesciunt nostrum officiis provident quaerat quia rerum sint totam velit veritatis voluptas. Corporis, tenetur?</p>
<p>Accusantium asperiores aspernatur assumenda corporis eveniet ex excepturi fuga impedit magnam minus natus obcaecati
    praesentium quia repellendus, sapiente sint voluptas voluptate voluptatibus! Adipisci dolorum eius officia officiis
    omnis quam sint!</p>
<p>Expedita illum iste maiores sequi tempora. Accusantium ad ea eaque eius, eos est et facilis fugiat illo iure iusto
    mollitia placeat reiciendis repellendus sequi similique sunt, tempora totam veritatis voluptas!</p>
<p>Accusamus animi aspernatur dolore eius eligendi fuga fugiat incidunt ipsum natus provident quas recusandae repellat
    repudiandae sunt tenetur totam ut vel, veniam voluptate voluptatum. Ad distinctio doloribus inventore nam velit.</p>
<p>Accusamus architecto asperiores atque dolorem eligendi est, impedit incidunt libero magnam, minus modi mollitia
    necessitatibus nesciunt nostrum officia pariatur quod quos reiciendis sapiente sed sequi suscipit totam velit
    veritatis voluptas!</p>
<p>Assumenda commodi dignissimos et iure modi numquam veritatis. Accusamus accusantium consequuntur debitis est fugiat
    repellat ut! Animi asperiores blanditiis cumque dolorum esse excepturi facilis fuga quas, quis quo ratione vero.</p>
<a href="#" style="color: chartreuse">快速跳转至顶部</a>
</body>
</html>